<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Task 1</title>
    <link href="styles/style.css" rel="stylesheet" />
  </head>
  <body>
    <h1>Advanced text semantics</h1>

    <p>Let's start with a quote:</p>

    <blockquote>
      <p>
        <abbr title="Hypertext Markup Language">HTML</abbr>, Hypertext Markup
        Language is by default accessible, if used correctly.
      </p>

      <p>
        <abbr title="Cascading Style Sheets">CSS</abbr> can also be used to make
        web pages more, or less, accessible.
      </p>

      <p>
        Chemical Formulae: H<sub>2</sub>O (Water), C<sub>2</sub>H<sub>6</sub>O
        (Ethanol).
      </p>

      <p>
        Dates:
        <time datetime="2019-12-25">December 25<sup>th</sup> 2019</time>
        (Christmas Day),
        <time datetime="2019-11-2">November 2<sup>nd</sup> 2019</time> (Día de
        los Muertos).
      </p>
    </blockquote>
  </body>
</html>
